<template>
	<view class="recommendList">
		<headerTitle :title="title"></headerTitle>
		
	</view>
</template>

<script>
	import headerTitle from './headerTitle.vue'
	import recommendItem from './recommendItem.vue'
	import {
		goMenuInfoMethods
	} from '../util/mixins.js'
	export default {
		mixins: [goMenuInfoMethods],
		components: {
			headerTitle,
			recommendItem
		},
		data() {
			return {

			};
		},
		props: {
			recommendListData: {
				type: Array,
				default: []
			},
			title: {
				type: String,
				default: '今日饮食'
			}
		}
	}
</script>

<style lang="scss">
	.recommendList {
		margin-top: 20upx;
		background-color: #FFFFFF;

		.scrollView {
			white-space: nowrap;
			padding: 20upx;

			.recommendItem {
				display: inline-block;
				margin-left: 20upx;

				&:first-child {
					margin-left: 0upx;
				}
			}
		}
	}
</style>
